<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
	<head>
		<base href="<%=basePath%>">
		<meta charset="utf-8" />
		<title></title>
		<meta name="description" content="overview & stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="stylesheet" href="static/css/bootstrap.min.css" />
		<link rel="stylesheet" href="static/css/bootstrap-responsive.min.css" />
		<link rel="stylesheet" href="static/css/font-awesome.min.css" />
		<!-- 下拉框 -->
		<link rel="stylesheet" href="static/css/chosen.css" />
		<link rel="stylesheet" href="static/css/ace.min.css" />
		<link rel="stylesheet" href="static/css/ace-responsive.min.css" />
		<link rel="stylesheet" href="static/css/ace-skins.min.css" />
		<style type="text/css">
		input, textarea, .uneditable-input {
		    width: 306px;
		}
		</style>
		<script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
		<!--提示框-->
		<script type="text/javascript" src="static/js/jquery.tips.js"></script>
<script type="text/javascript">
	$(top.hangge());
	
	//保存
	function save(){
		if($("#type_name").val()=="" || $("#type_name").val()=="此类型名称已存在!"){
			$("#type_name").tips({
				side:3,
	            msg:'输入类型名称',
	            bg:'#AE81FF',
	            time:2
	        });
			
			$("#type_name").focus();
			$("#type_name").val('');
			$("#type_name").css("background-color","white");
			return false;
		}
		
		hasTypeName();
	}
	
	//判断类型名称是否存在
	function hasTypeName(){
		var type_name = $("#type_name").val();
		var org_id = $("#org_id").val();
		var url = "<%=basePath%>tableConstants/hasTypeName.do?type_name="+type_name+"&org_id=" + org_id + "&tm="+new Date().getTime();
		$.ajax({  
		    type: "get", cache: false,  
		    url: url,  
		    data: "",  
		    dataType: "text",  
		    success: function (data) {
		    	//alert(data);
				if(data=="error"){
					$("#type_name").css("background-color","#D16E6C");
					setTimeout("$('#type_name').val('此类型名称已存在!')",500);
					return false;
				}else{
					$("#tableConstantsForm").submit();
					$("#centerOfMainFrame").hide();
					$("#centerOfMainFrame2").show();
					return true;
				}
		    }
		});
	}
</script>
	</head>
<body>
	<form action="<%=basePath%>tableConstants/saveTableConstants.do" name="tableConstantsForm" id="tableConstantsForm" method="post">
		<input type="hidden" name="currentselecttableconstantsid" id="currentselecttableconstantsid" value="${pageData.currentselecttableconstantsid }"/>
		<input type="hidden" name="org_id" id="org_id" value="${pageData.org_id }"/>
		<div id="centerOfMainFrame">
			<table>
				<tr>
					<td>上级类型：<input type="text" width="300px" name="parent_type_name" id="parent_type_name" maxlength="32" value="${pageData.parent_type_name }" title="上级类型名称" readonly="readonly"/></td>
				</tr>
				<tr>
					<td>类型名称：<input type="text" name="type_name" id="type_name" maxlength="32" placeholder="这里输入类型名称" title="类型名称"/></td>
				</tr>
				<tr>
					<td style="text-align: center;">
						<a class="btn btn-mini btn-primary" onclick="save();">保存</a>
						<a class="btn btn-mini btn-danger" onclick="top.Dialog.close();">取消</a>
					</td>
				</tr>
			</table>
		</div>
		<input type="hidden" name="token" value="${token}" />
		<div id="centerOfMainFrame2" class="center" style="display:none"><br/><br/><br/><br/><img src="static/images/jiazai.gif" /><br/><h4 class="lighter block green"></h4></div>
	</form>
	
	<!-- 引入 -->
	<script type="text/javascript">window.jQuery || document.write("<script src='static/js/jquery-1.9.1.min.js'>\x3C/script>");</script>
	<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="static/js/ace-elements.min.js"></script>
	<script type="text/javascript" src="static/js/ace.min.js"></script>
	<script type="text/javascript" src="static/js/chosen.jquery.min.js"></script><!-- 下拉框 -->
</body>
</html>